import { history } from 'umi';
import React from 'react';
import { NavBar, Cell } from 'react-vant';
import { SafeArea } from 'antd-mobile';
import './help.less';

const goBack = () => {
  history.back();
}
const goArticle = () => {
  history.push('/article');
}

export default function HelpPage() {
  return (
    <div className='help'>
      <NavBar title='使用帮助' leftText='返回' onClickLeft={goBack} />
      <div className='help-list'>
        <Cell title='大鱼约玩平台介绍' size='large' isLink onClick={goArticle} />
        <Cell title='客户如何下单？' size='large' isLink onClick={goArticle} />
        <Cell title='什么是“自助下单”？' size='large' isLink onClick={goArticle} />
        <Cell title='如何入驻成为平台搭档？' size='large' isLink onClick={goArticle} />
        <Cell title='如何提现？' size='large' isLink onClick={goArticle} />
        <Cell title='陪玩如何修改“空闲/忙碌”状态？' size='large' isLink onClick={goArticle} />
      </div>
      <SafeArea position='bottom' />
    </div>
  );
}
